// 去注册
$("#goto-register").on("click", function() {
  $("#login").hide();
  $("#register").show();
});


// 去登录
$("#goto-login").on("click", function() {
  $("#login").show();
  $("#register").hide();
});

let layer;
let form;
layui.use(['layer', 'form'], function() {
  layer = layui.layer;
  form = layui.form;

  // 需求：
  //   1. 用户名、密码、重复密码不能为空
  //   2. 密码、重复密码   长度 6~12 位，且不能出现空格：非空格类字符；  \S
  //   3. 密码 和 重复密码 必须一致
  form.verify({
    length: [
      /^\S{6,12}$/, '密码必须6到12位，且不能出现空格'
    ],
    same: function(value, item) { //value：表单的值、item：表单的DOM对象
      // value：再次输入密码的值
      // 第一次密码值：获取？$("#mm").val();
      if (value != $("#mm").val()) {
        return "再次输入和原密码不一致！"
      }
    },
  });




  // 注册提交用户数据
  $("#register form").on("submit", function(e) {
    e.preventDefault();


    // 1.收集数据
    let data = $(this).serialize();

    // 2.发送
    $.ajax({
      url: "/api/reguser",
      type: "POST",
      data: data,
      success: function(res) {

        layer.msg(res.message);

        if (res.status == 0) {
          // 来到去登录界面
          $("#login").show();
          $("#register").hide();

          // 原生form方法
          $("#register form")[0].reset();
        }
      }
    });




  });






  // -----------------------------------------登录
  $("#login form").on("submit", function(e) {
    e.preventDefault();

    // 0.是否需要做验证？不需要！


    // 1.收集数据
    let data = $(this).serialize();


    // 2.提交数据
    $.ajax({
      url: "/api/login",
      type: "POST",
      data: data,
      success: function(res) {

        layer.msg(res.message);

        if (res.status == 0) {
          // 真的来到主页面
          location.href = "/index.html";

          // 带了tokon
          //       设计意义：看起来允许跨域，任何人都可以使用我们的接口！
          //       实际：只有通过注册，登录后给你token，下次访问接口的时候带上token值 才可以使用接下来服务接口！


          // 问题：token在loginHTML页面得到，但是index页面中使用
          //       本地储存：把数据存在浏览器内（通过浏览器存在硬盘上）
          localStorage.setItem("token", res.token);


        }
      }
    });





  });




});